<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>shuidianmei_index</title>
    <link href="css/shuidianmei.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="${yumei_client_url}/css/themes/default/jquery.mobile-1.4.2.min.css">
	<link rel="stylesheet" href="${yumei_client_url}/css/selpay.css">
	<link rel="stylesheet" href="${yumei_client_url}/css/common.css">
<link rel="stylesheet" type="text/css" href="${yumei_client_url}/plugins/fancybox-2.1.5/source/jquery.fancybox.css?v=2.1.5" media="screen" />
<%-- 	<script src="${yumei_client_url}/js/jquery.js"></script> --%>
<script type="text/javascript" src="${yumei_client_url}/plugins/fancybox-2.1.5/lib/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="${yumei_client_url}/plugins/fancybox-2.1.5/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="${yumei_client_url}/plugins/fancybox-2.1.5/source/jquery.fancybox.js?v=2.1.5"></script>
		
	<script src="${yumei_client_url}/js/jquery.mobile-1.4.2.min.js"></script>
<!-- 	<script src="${yumei_client_url}/js/pay.js"></script> -->
	<script src="${yumei_client_url}/js/alert_window.js"></script>
	<script src="${yumei_client_url}/js/loader.js"></script>
	<script src="${yumei_client_url}/js/callCSharp.js"></script>
	<script src="js/shuidianmei.js"></script>
	<script src="${yumei_client_url}/js/common.js"></script>
</head>

<body onselectstart="return false;">
	<div  data-role="page" id="shui_index">
    	<div class="div_1">
        	<a href="${yumei_client_url}/mainFrame/main/main.jsp"  rel='external'><img src="images/zhujiem.png" border="0"/></a>
        </div>
        <div class="div_2" id="payItem">
        	<input type="hidden" id="biz_type" value="water"/>
        	<img id="shui" src="images/shui_b.png" border="0"/>
            <img id="dian" src="images/dian.png" border="0"/>
            <img id="ran" src="images/ran.png" border="0"/>
        </div>
         <div class="div_3">
         	<div class="sdm_bg1">
            		<label>省份</label>
            		<a href="${yumei_client_url}/shuidianmei/shuidianmei.jsp#province_choose" onclick="open_sel_province('#province', '#shui_index')">
            			<input class="inpu_1 input_btn" type="text" data-role="none" readonly id="province" value=""/>
        				<img class="img_1" src="images/query_result_next_btn.png"/>
            		</a>
            </div>
            <div class="sdm_bg1 sdm_bg2">
            		<label>城市</label>
            		<a href="${yumei_client_url}/shuidianmei/shuidianmei.jsp#city_choose" onclick="open_sel_city('#city', '#shui_index')">
            			<input class="inpu_1 input_btn" type="text" data-role="none" readonly id="city" value=""/>
        				<img class="img_1" src="images/query_result_next_btn.png"/>
            		</a>
            </div>
             <div class="sdm_bg1 sdm_bg2">
            		<label>选择缴费中心：</label>
            		<a id="selPay" data-rel="popup" data-position-to="window" data-transition="pop" href="#popupDialog">
	            		<input id="txt_company" class="inpu_1 input_btn" type="text" data-role="none" readonly/>
	            		<input id="txt_company_h" type="hidden" >
            			<img src="images/query_result_next_btn.png" border="0"/>
            		</a>
            </div>
        	<!-- 查询缴费机构帐单的查询条件 -->
         	<div id="companyFare_args">
         	</div>
            <div class="sdm_bg1 sdm_bg2">
            	<label>手机号码：</label><input class="input_btn" id="txt_phone" type="text" data-role="none"  onClick="showKeyboard();" onBlur="hideKeyboard();" maxlength="11"/>
            </div>
            <div class="sdm_bg1 sdm_bg3">
            	<label>验证码：</label><input  id="check_code" type="text" data-role="none"  onClick="showKeyboard();" onBlur="hideKeyboard();" maxlength="6"/><img id="check_code_url" src="" border="0" onclick="check_code_click()"/>
            </div>
        </div>
        <script type="text/javascript">
      	  var optionDefaults = {
    			yumeiUrl:"${yumei_client_url}"
    		};
   			initAlertWindowDiv("pop_up_shui_index");
		</script>
	    
    
        <div class="div_5">
        	<a id="a_sure" onclick="a_sure_click(); return false;"><img src="images/submit_btn.png" broder="0"/></a>
        </div>
        <div data-role="popup" id="popupDialog" data-overlay-theme="b" data-theme="a" data-dismissible="false" style="max-width:400px;width:400px">
		    <div data-role="header" data-theme="a" >
		    <h1 id="popupDialogHeader"></h1>
		     <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="b">关闭</a> 
		    </div>
		    <div role="main" class="ui-content" >
				<ol data-role="listview" id="popupDialogMain">
				    
				</ol>
			</div>
			<a href="#" data-rel="back" style="display:none" id="btn_sel_window_back"></a>
	    </div>
	
    </div>
    
    <div id="province_choose" data-role="page">
    	<div class="div_1">
        	<div class="div_1_1">
                <a href="#" id="province_choose_back"><img class="backbtn" src="images/plane_back_btn.png" border="0"/></a>
                <label>选择省份</label>
            </div>
        </div>
        <div class="div_2">
        	<div class="div_2_1">
            	<!--省份名称-->
               		<div class="div_2_1_1" ><!--方便以后滑动调用-->
               		<iframe id="Scro_province" frameborder="0" name="show" width="100%" height="1167px" src="province_choose.jsp" style="overflow:hidden;" onselectstart="return false" >
                    	
                    </iframe>
     
               	 </div>
            </div>
         </div>
    </div>
    <div id="city_choose" data-role="page">
    	<div class="div_1">
        	<div class="div_1_1">
                <a href="#" id="city_choose_back"><img class="backbtn" src="images/plane_back_btn.png" border="0"/></a>
                <label>选择城市</label>
            </div>
        </div>
        <div class="div_2">
        	<div class="div_2_1">
            	<!--城市名称-->
               		<div class="div_2_1_1" ><!--方便以后滑动调用-->
               		<iframe id="Scro_city" frameborder="0" name="show" width="100%" height="1167px" src="" style="overflow:hidden;" onselectstart="return false" >
                    	
                    </iframe>
     
               	 </div>
            </div>
         </div>
    </div>
	    
    <div id="sure" data-role="page">
    	<div class="div_1">
        	<a href="${yumei_client_url}/mainFrame/main/main.html"  rel='external'><img src="images/zhujiem.png" border="0"/></a>
        </div>
       <div class="div_2">
       		<div class="p_1">
            	<label class="l_1">尊敬的用户你好，请核对以下资料及金额</label>
                <label class="l_1">户号：<span id="span_billKey"></span></label>
                <label class="l_1">户名：<span id="span_bill_user_name"></span></label>
                <label class="l_1">手机号：<span id="span_phone"></span></label>
                <label class="l_1">欠费金额：<span id="span_amount"></span>元</label>
                <label class="l_2">缴费金额：</label><input id="txt_payAmount" class="inpu_1" type="text" data-role="none" onClick="showKeyboard();" onBlur="hideKeyboard();"/>
                <label class="l_3">温馨提示：代办费为欠费金额1%请输入大于10的合法数字，水电煤缴费金额最低不得小于10元</label>
                <a onclick="cancel_click()" data-ajax="false"><img src="images/2_cancer.jpg" border="0"/></a>
                <a id="orderSubmit"><img src="images/2_submit.jpg" border="0"/></a>
            </div>
       </div>
<!--                <script type="text/javascript"> -->
//    			initAlertWindowDiv("pop_up_shui_sure");
<!-- 		</script> -->
	    
        <a id="payDiv" href="" data-fancybox-group="gallery" style="display: none;"></a>
    </div>
</body>
</html>
